﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RegisterPage.aspx.cs" Inherits="LoginPage" %>

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>MIT Career Management System</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />	
    <link rel="stylesheet" href="css/loginstyle.css" media="screen" type="text/css" />

    <style type="text/css">
        #services {
            height: 402px;
            margin-left: 5px;
        }
        .auto-style1 {
            width: 100%;
        }
        .auto-style4 {
            width: 14px;
        }
        .auto-style5 {
            width: 235px;
        }
        .auto-style6 {
            height: 28px;
        }
        .auto-style7 {
            width: 14px;
            height: 28px;
            text-align: right;
        }
        .auto-style8 {
            width: 235px;
            height: 28px;
        }
        .auto-style9 {
            width: 14px;
            height: 28px;
        }
        .auto-style10 {
            width: 300px;
            text-align: right;
            color: #FFFFFF;
        }
        .auto-style11 {
            height: 28px;
            width: 300px;
            text-align: right;
            color: #FFFFFF;
        }
        .auto-style12 {
            width: 215px;
        }
        .auto-style13 {
            width: 215px;
            height: 28px;
        }
        .auto-style14 {
            height: 35px;
            width: 300px;
            text-align: right;
            color: #FFFFFF;
        }
        .auto-style15 {
            width: 14px;
            height: 35px;
            text-align: right;
        }
        .auto-style16 {
            width: 235px;
            height: 35px;
        }
        .auto-style17 {
            width: 14px;
            height: 35px;
        }
        .auto-style18 {
            width: 215px;
            height: 35px;
        }
        .auto-style19 {
            height: 35px;
        }
        .auto-style20 {
            width: 300px;
            text-align: right;
            color: #FFFFFF;
        }
    </style>
</head>

<body>

	<form id="form1" runat="server">

	<div id="header">
		<a href="index.html" id="logo"><img src="images/logo.png" alt="LOGO" /></a>
		<div id="navigation">
			<ul>
				<li class="first"><a href="index.html">Home</a></li>
				<li><a href="about.html">About us</a></li>
				<li class="selected"><a href="services.html">Services</a></li>
				<li><a href="solutions.html">Solutions</a></li>
				<li><a href="support.html">Support</a></li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
		<div id="search">
				<input type="text" value="Search" class="txtfield" onblur="javascript:if(this.value==''){this.value=this.defaultValue;}" onfocus="javascript:if(this.value==this.defaultValue){this.value='';}" />
				<input type="submit" value="" class="button" />
			</div>
	</div> 
	<div id="contents">
		<div id="header">
			<div id="contents div.body">
				
                    
         			<table class="auto-style1">
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style5">&nbsp;</td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style12">&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style11"></td>
                            <td class="auto-style7"></td>
                            <td class="auto-style8"></td>
                            <td class="auto-style9"></td>
                            <td class="auto-style13"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                        </tr>
                        <tr>
                            <td class="auto-style14">Name </td>
                            <td class="auto-style15"></td>
                            <td class="auto-style16">
                                <asp:TextBox ID="TextBoxName" runat="server" ToolTip="Enter Name" Width="200px" OnTextChanged="TextBoxName_TextChanged"></asp:TextBox>
                            </td>
                            <td class="auto-style17"></td>
                            <td class="auto-style18">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBoxName" ErrorMessage="*Name Required." ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                        </tr>
                        <tr>
                            <td class="auto-style14">User Name</td>
                            <td class="auto-style15"></td>
                            <td class="auto-style16">
                                <asp:TextBox ID="TextBoxUserName" runat="server" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style17"></td>
                            <td class="auto-style18">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="TextBoxUserName" ErrorMessage="*User Name Required" ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                        </tr>
                        <tr>
                            <td class="auto-style14">Date of Birth</td>
                            <td class="auto-style15"></td>
                            <td class="auto-style16">
                                <asp:TextBox ID="TextBoxDOB" runat="server" ToolTip="Enter DOB" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style17"></td>
                            <td class="auto-style18">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBoxDOB" ErrorMessage="*Date of Birth Required" ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                            <td class="auto-style19"></td>
                        </tr>
                        <tr>
                            <td class="auto-style20">Division</td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style5">
                                <asp:DropDownList ID="DropDownListDivision" runat="server" Height="16px" Width="190px">
                                    <asp:ListItem>IT Dept</asp:ListItem>
                                    <asp:ListItem>CM Dept</asp:ListItem>
                                    <asp:ListItem>IDS Dept</asp:ListItem>
                                </asp:DropDownList>
                            </td>
                            <td class="auto-style4">
                                &nbsp;</td>
                            <td class="auto-style12">&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style11">Position</td>
                            <td class="auto-style7">&nbsp;</td>
                            <td class="auto-style8">
                                <asp:DropDownList ID="DropDownListPosition" runat="server" Width="190px">
                                    <asp:ListItem>CEO</asp:ListItem>
                                    <asp:ListItem>Division Head</asp:ListItem>
                                    <asp:ListItem>Division Administrator</asp:ListItem>
                                    <asp:ListItem>Division Data Correspondant</asp:ListItem>
                                    <asp:ListItem>Supervisor</asp:ListItem>
                                </asp:DropDownList>
                            </td>
                            <td class="auto-style9">
                            </td>
                            <td class="auto-style13"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                        </tr>
                        <tr>
                            <td class="auto-style10">Email</td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style5">
                                <asp:TextBox ID="TextBoxEmail" runat="server" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style12">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="TextBoxEmail" ErrorMessage="*Email Required" ForeColor="Red"></asp:RequiredFieldValidator>
                                <br />
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBoxEmail" ErrorMessage="Invalid Email" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                            </td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">Password</td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style5">
                                <asp:TextBox ID="TextBoxPass" runat="server" Width="200px" TextMode="Password"></asp:TextBox>
                            </td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style12">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextBoxPass" ErrorMessage="*Password Required." ForeColor="Red"></asp:RequiredFieldValidator>
                                <br />
                            </td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">Confirm Password</td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style5">
                                <asp:TextBox ID="TextBoxCPass" runat="server" Width="200px" TextMode="Password"></asp:TextBox>
                            </td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style12">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="TextBoxCPass" ErrorMessage="*Confirm Password Required." ForeColor="Red"></asp:RequiredFieldValidator>
                                <br />
                                <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="TextBoxPass" ControlToValidate="TextBoxCPass" ErrorMessage="Password are not a match" ForeColor="Red"></asp:CompareValidator>
                            </td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style5">
                                <asp:Label ID="LabelRegStatus" runat="server" ForeColor="Green"></asp:Label>
                            </td>
                            <td class="auto-style4">&nbsp;</td>
                            <td class="auto-style12">&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style11"></td>
                            <td class="auto-style9"></td>
                            <td class="auto-style8">
                                <asp:Button ID="ButtonSignUp" runat="server" Text="Sign Up" OnClick="ButtonSignUp_Click" />
                            </td>
                            <td class="auto-style9"></td>
                            <td class="auto-style13"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                            <td class="auto-style6"></td>
                        </tr>
                    </table>
				
                    
         			</div>
		</div>
	</div> <!-- /#contents -->
	
    </form>
</body>
</html>